CSS எண்ணி வடிவமைப்புகளுக்கான மொழி ஆதரவு: உலகளாவிய பார்வையாளர்களுக்கான சர்வதேசமயமாக்கல் வடிவமைத்தல்

இன்றைய உலக அளவில் இணைக்கப்பட்ட உலகில், வலை உருவாக்குநர்கள் பல்வேறு பார்வையாளர்களை ஈர்க்கும் வகையில் வலைத்தளங்கள் மற்றும் பயன்பாடுகளை உருவாக்க வேண்டும். அதாவது மொழி மட்டுமல்ல, வெவ்வேறு பிராந்தியங்களில் பயன்படுத்தப்படும் கலாச்சார மரபுகள் மற்றும் எண்ணும் முறைகளையும் கருத்தில் கொள்ள வேண்டும். CSS எண்ணி வடிவமைப்புகள், இந்த கலாச்சார நுணுக்கங்களை மதிக்கும் வகையில் பட்டியல்கள் மற்றும் பிற எண்ணிடப்பட்ட உள்ளடக்கத்தை வடிவமைப்பதற்கான ஒரு சக்திவாய்ந்த பொறிமுறையை வழங்குகின்றன. இந்த விரிவான வழிகாட்டி சர்வதேசமயமாக்கலுக்கான (i18n) CSS எண்ணி வடிவமைப்புகளின் திறன்களை ஆராய்ந்து, அவற்றை எவ்வாறு திறம்பட பயன்படுத்துவது என்பதை நிரூபிக்கும்.

CSS எண்ணி வடிவமைப்புகளைப் புரிந்துகொள்ளுதல்

CSS எண்ணிகள் என்பது அவை எத்தனை முறை பயன்படுத்தப்படுகின்றன என்பதைக் கண்காணிக்க CSS விதிகள் மூலம் பராமரிக்கப்படும் மாறிகள். அவை முக்கியமாக பட்டியல்கள், தலைப்புகள் மற்றும் பிற கூறுகளை எண்ணுவதற்குப் பயன்படுகின்றன. நிலையான அரபு மற்றும் ரோமன் எண்களுக்கு அப்பால் விருப்ப எண்ணும் முறைகளை வரையறுக்க CSS எண்ணி வடிவமைப்புகள் இந்தச் செயல்பாட்டை விரிவுபடுத்துகின்றன. வெவ்வேறு மொழிகள் மற்றும் கலாச்சார விருப்பங்களை ஆதரிப்பதற்கு இது மிகவும் முக்கியமானது.

எண்ணி வடிவமைப்புகளைப் பயன்படுத்துவதில் சம்பந்தப்பட்ட முக்கிய CSS பண்புகள்:

• counter-reset: ஒரு குறிப்பிட்ட மதிப்பில் எண்ணியை துவக்குகிறது அல்லது மீட்டமைக்கிறது.
• counter-increment: எண்ணியின் மதிப்பை அதிகரிக்கிறது.
• content: எண்ணியின் மதிப்பை காட்ட ::before அல்லது ::after போலி-உறுப்புகளுடன் பயன்படுத்தப்படுகிறது.
• counter() அல்லது counters(): எண்ணியின் மதிப்பை வடிவமைக்க content பண்புக்குள் பயன்படுத்தப்படும் செயல்பாடுகள்.
• @counter-style: வடிவமைப்பைக் கட்டுப்படுத்த பல்வேறு பண்புகளுடன் விருப்ப எண்ணி வடிவமைப்பை வரையறுக்கிறது.

@counter-styleஇன் சக்தி

@counter-style விதி CSS எண்ணி வடிவமைப்பின் சர்வதேசமயமாக்கலின் இதயம். எண்ணியின் மதிப்பை எவ்வாறு வழங்குவது என்பதைக் கட்டுப்படுத்தும் பல்வேறு பண்புகளுடன் விருப்ப எண்ணும் முறையை வரையறுக்க இது உங்களை அனுமதிக்கிறது. @counter-style விதியில் உள்ள முக்கிய பண்புகளை ஆராய்வோம்:

• system: எண்ணி பிரதிநிதித்துவத்தை உருவாக்க பயன்படும் வழிமுறையைக் குறிப்பிடுகிறது. பொதுவான மதிப்புகளில் cyclic, numeric, alphabetic, symbolic, fixed மற்றும் additive ஆகியவை அடங்கும்.
• symbols: எண்கள், எழுத்துக்கள் அல்லது விருப்ப எழுத்துக்கள் போன்ற எண்ணி வடிவமைப்பால் பயன்படுத்தப்படும் சின்னங்களை வரையறுக்கிறது.
• additive-symbols: சின்னங்களையும் அவற்றின் தொடர்புடைய எண் மதிப்புகளையும் வரையறுக்க additive அமைப்புடன் பயன்படுத்தப்படுகிறது.
• suffix: ஒவ்வொரு எண்ணி பிரதிநிதித்துவத்திற்குப் பிறகும் சேர்க்கப்படும் உரையை குறிப்பிடுகிறது (எ.கா., ஒரு புள்ளி அல்லது மூடும் அடைப்புக்குறி).
• prefix: ஒவ்வொரு எண்ணி பிரதிநிதித்துவத்திற்கு முன்பும் சேர்க்கப்படும் உரையை குறிப்பிடுகிறது.
• range: எண்ணி வடிவமைப்பைப் பயன்படுத்தக்கூடிய மதிப்புகளின் வரம்பைக் கட்டுப்படுத்துகிறது.
• pad: பயன்படுத்த வேண்டிய குறைந்தபட்ச இலக்கங்களின் எண்ணிக்கையை குறிப்பிடுகிறது, தேவைப்பட்டால் முன்னிலை பூஜ்ஜியங்களுடன் பேடிங் செய்கிறது.
• speak-as: அணுகல்தன்மைக்காக திரை வாசகர்களால் எண்ணி மதிப்பு எவ்வாறு அறிவிக்கப்படுகிறது என்பதைக் கட்டுப்படுத்துகிறது.
• fallback: தற்போதைய வடிவமைப்பை உலாவி ஆதரிக்கவில்லை என்றால் பயன்படுத்த வேண்டிய ஒரு பதிலி எண்ணி வடிவமைப்பை குறிப்பிடுகிறது.

@counter-styleஉடன் சர்வதேசமயமாக்கல் எடுத்துக்காட்டுகள்

இப்போது, வெவ்வேறு மொழிகள் மற்றும் கலாச்சார சூழல்களுக்கான எண்ணிகளை வடிவமைக்க @counter-style ஐப் பயன்படுத்துவதற்கான சில நடைமுறை எடுத்துக்காட்டுகளை ஆராய்வோம்.

1. அரபு-இந்திய இலக்கங்களுடன் அரபு எண்கள்

அரபு எண்கள் (0-9) பரவலாகப் பயன்படுத்தப்பட்டாலும், பல அரபு மொழி பேசும் பகுதிகள் அரபு-இந்திய இலக்கங்களைப் (٠‎-٩‎) பயன்படுத்த விரும்புகின்றன. இதை அடைய நாம் ஒரு எண்ணி வடிவமைப்பை உருவாக்கலாம்:

@counter-style arabic-indic {
  system: numeric;
  symbols: '٠' '١' '٢' '٣' '٤' '٥' '٦' '٧' '٨' '٩';
  suffix: '. ';
}

ol {
  list-style: none;
  counter-reset: item;
}

ol li {
  counter-increment: item;
}

ol li::before {
  content: counter(item, arabic-indic);
}

இந்தக் குறியீடு arabic-indic என்ற எண்ணி வடிவமைப்பை வரையறுக்கிறது, இது அரபு-இந்திய இலக்கங்களை சின்னங்களாகப் பயன்படுத்துகிறது. suffix பண்பு ஒவ்வொரு எண்ணிற்கும் பிறகு ஒரு புள்ளி மற்றும் இடைவெளியைச் சேர்க்கிறது. பின்னர் CSS இந்த வடிவமைப்பை வரிசைப்படுத்தப்பட்ட பட்டியலுக்கு (<ol>) அரபு-இந்திய வடிவத்தில் எண்களைக் காட்ட பயன்படுத்துகிறது.

2. ரோமன் எண்கள் (பெரிய எழுத்து மற்றும் சிறிய எழுத்து)

ரோமன் எண்கள் பல்வேறு சூழல்களில் பொதுவாகப் பயன்படுத்தப்படுகின்றன, மேலும் CSS எண்ணி வடிவமைப்புகள் அவற்றை எளிதாகக் கையாள முடியும்:

@counter-style upper-roman {
  system: upper-roman;
}

@counter-style lower-roman {
  system: lower-roman;
}

ol.upper-roman {
  list-style: none;
  counter-reset: item;
}

ol.upper-roman li {
  counter-increment: item;
}

ol.upper-roman li::before {
  content: counter(item, upper-roman) '. ';
}

ol.lower-roman {
  list-style: none;
  counter-reset: item;
}

ol.lower-roman li {
  counter-increment: item;
}

ol.lower-roman li::before {
  content: counter(item, lower-roman) '. ';
}

பெரிய எழுத்து (upper-roman) மற்றும் சிறிய எழுத்து (lower-roman) ரோமன் எண் எண்ணி வடிவமைப்புகளை எவ்வாறு உருவாக்குவது என்பதை இந்த எடுத்துக்காட்டு காட்டுகிறது. பின்னர் நீங்கள் CSS வகுப்புகளைப் பயன்படுத்தி (.upper-roman மற்றும் .lower-roman) இந்த வடிவமைப்புகளை வெவ்வேறு பட்டியல்களுக்குப் பயன்படுத்தலாம். உதாரணமாக:

<ol class="upper-roman">
  <li>உருப்படி 1</li>
  <li>உருப்படி 2</li>
  <li>உருப்படி 3</li>
</ol>

<ol class="lower-roman">
  <li>உருப்படி 1</li>
  <li>உருப்படி 2</li>
  <li>உருப்படி 3</li>
</ol>

3. ஜார்ஜிய எண்கள்

ஜார்ஜிய எண்கள் எழுத்துக்களின் தனித்துவமான அமைப்பைப் பயன்படுத்துகின்றன. ஜார்ஜிய மொழியில் எண்களைக் குறிக்கும் எண்ணி வடிவமைப்பை நாம் வரையறுக்கலாம்:

@counter-style georgian {
  system: fixed;
  symbols: 'ა' 'ბ' 'გ' 'დ' 'ე' 'ვ' 'ზ' 'თ' 'ი' 'კ' 'ლ' 'მ' 'ნ' 'ო' 'პ' 'ჟ' 'რ' 'ს' 'ტ' 'უ' 'ფ' 'ქ' 'ღ' 'ყ' 'შ' 'ჩ' 'ც' 'ძ' 'წ' 'ჭ' 'ხ' 'ჯ' 'ჰ';
  suffix: '. ';
  range: 1 33;
}

ol.georgian {
  list-style: none;
  counter-reset: item;
}

ol.georgian li {
  counter-increment: item;
}

ol.georgian li::before {
  content: counter(item, georgian);
}

இந்த எடுத்துக்காட்டு fixed அமைப்பைப் பயன்படுத்துகிறது, ஏனெனில் ஜார்ஜிய எண்ணும் முறையில் முதல் 33 எண்களுக்கு ஒரு வரையறுக்கப்பட்ட சின்னங்கள் உள்ளன. range பண்பு எண்ணி வடிவமைப்பை 1 முதல் 33 வரையிலான மதிப்புகளுக்கு கட்டுப்படுத்துகிறது. 33 ஐ விட அதிகமான எண்களுக்கு, நீங்கள் மிகவும் சிக்கலான தர்க்கத்தை அல்லது வேறு எண்ணும் முறையை செயல்படுத்த வேண்டும்.

4. ஆர்மேனிய எண்கள்

ஜார்ஜிய மொழியைப் போலவே, ஆர்மேனிய எண்களும் எண்களைக் குறிக்க எழுத்துக்களைப் பயன்படுத்துகின்றன:

@counter-style armenian {
  system: fixed;
  symbols: 'Ա' 'Բ' 'Գ' 'Դ' 'Ե' 'Զ' 'Է' 'Ը' 'Թ' 'Ժ' 'Ի' 'Լ' 'Խ' 'Ծ' 'Կ' 'Հ' 'Ձ' 'Ղ' 'Ճ' 'Մ' 'Յ' 'Ն' 'Շ' 'Ո' 'Չ' 'Պ' 'Ջ' 'Ռ' 'Ս' 'Վ' 'Տ' 'Ր' 'Ց' 'Ւ' 'Փ' 'Ք' 'Օ' 'Ֆ';
  suffix: '. ';
  range: 1 39;
}

ol.armenian {
  list-style: none;
  counter-reset: item;
}

ol.armenian li {
  counter-increment: item;
}

ol.armenian li::before {
  content: counter(item, armenian);
}

இந்த எடுத்துக்காட்டு ஜார்ஜிய எடுத்துக்காட்டைப் போன்றது, fixed அமைப்பைப் பயன்படுத்துகிறது மற்றும் ஆர்மேனிய எழுத்துக்களை சின்னங்களாக வரையறுக்கிறது. range 1-39 ஆக அமைக்கப்பட்டுள்ளது, இது அடிப்படை ஆர்மேனிய எண் தொகுப்பை உள்ளடக்கியது.

5. CJK எண்கள் (சீனம், ஜப்பானியம், கொரியன்)

CJK எண்கள் அதிக சிக்கலை வழங்குகின்றன, முறையான மற்றும் முறைசாரா சூழல்களுக்கு வெவ்வேறு வடிவங்கள் உள்ளன மற்றும் மாறுபட்ட நிலைகள் உள்ளன. எளிமைப்படுத்தப்பட்ட சீனாவைப் பார்ப்போம்:

@counter-style simplified-chinese {
  system: numeric;
  symbols: '一' '二' '三' '四' '五' '六' '七' '八' '九';
  suffix: '';
}

@counter-style simplified-chinese-formal {
  system: fixed;
  symbols: '零' '壹' '贰' '叁' '肆' '伍' '陆' '柒' '捌' '玖';
  suffix: '';
}

ol.simplified-chinese {
  list-style: none;
  counter-reset: item;
}

ol.simplified-chinese li {
  counter-increment: item;
}

ol.simplified-chinese li::before {
  content: counter(item, simplified-chinese) '、';
}

ol.simplified-chinese-formal {
  list-style: none;
  counter-reset: item;
}

ol.simplified-chinese-formal li {
  counter-increment: item;
}

ol.simplified-chinese-formal li::before {
  content: counter(item, simplified-chinese-formal) '、';
}

இது ஒரு எளிமைப்படுத்தப்பட்ட பிரதிநிதித்துவம் என்பதை நினைவில் கொள்க. முழு CJK எண் ஆதரவு, குறிப்பாக பெரிய எண்களுக்கு, additive அமைப்பு மற்றும் இட மதிப்புகளை (பத்துகள், நூறுகள், ஆயிரங்கள் போன்றவை) கையாளுதல் ஆகியவை அடங்கும். இந்த குறியீடு அடிப்படை எண் பிரதிநிதித்துவத்தைக் காட்டுகிறது.

மேம்பட்ட நுட்பங்கள் மற்றும் பரிசீலனைகள்

1. எண்ணி வடிவமைப்புகளை இணைத்தல்

அதிக சிக்கலான எண்ணும் திட்டங்களை உருவாக்க நீங்கள் பல எண்ணி வடிவமைப்புகளை இணைக்கலாம். உதாரணமாக, நீங்கள் அத்தியாயங்களுக்கு ஒரு முதன்மை எண்ணியையும் ஒவ்வொரு அத்தியாயத்திற்குள்ளும் உள்ள பிரிவுகளுக்கு ஒரு இரண்டாம் எண்ணியையும் பயன்படுத்தலாம்.

body {
  counter-reset: chapter section;
}

h1 {
  counter-increment: chapter;
  counter-reset: section;
}

h2 {
  counter-increment: section;
}

h1::before {
  content: counter(chapter) '. ';
}

h2::before {
  content: counter(chapter) '.' counter(section) '. ';
}

இந்தக் குறியீடு ஒரு படிநிலை எண்ணும் முறையை உருவாக்குகிறது, அங்கு அத்தியாயங்கள் வரிசையாக எண்ணப்படுகின்றன, மேலும் ஒவ்வொரு அத்தியாயத்திலும் பிரிவுகள் எண்ணப்படுகின்றன (எ.கா., 1.1, 1.2, 2.1, 2.2).

2. அணுகல்தன்மை பரிசீலனைகள்

உங்கள் எண்ணி வடிவமைப்புகள் குறைபாடுகள் உள்ள பயனர்களுக்கு அணுகக்கூடியவை என்பதை உறுதிப்படுத்தவும். திரை வாசகர்களால் எண்ணி மதிப்பு எவ்வாறு அறிவிக்கப்படுகிறது என்பதைக் கட்டுப்படுத்த speak-as பண்பைப் பயன்படுத்தவும். உதாரணமாக:

@counter-style my-style {
  system: numeric;
  symbols: '1' '2' '3';
  speak-as: numbers;
}

speak-as: numbers; பண்பு, எண்ணி மதிப்பை ஒரு எண்ணாக அறிவிக்க திரை வாசகரிடம் கூறுகிறது. மற்ற விருப்பங்களில் spell-out (எண்ணை எழுத்துக்கூட்டுவதற்கு) மற்றும் bullets (எண்ணியை புல்லட் புள்ளிகளாக அறிவிக்க) ஆகியவை அடங்கும்.

கூடுதலாக, உங்கள் எண்ணி வடிவமைப்புகளில் பயன்படுத்தப்படும் எந்தவொரு விருப்ப சின்னங்களுக்கும் மாற்று உரை அல்லது விளக்கங்களை வழங்கவும், இதனால் பார்வைக் குறைபாடு உள்ள பயனர்கள் எண்ணிடப்பட்ட உள்ளடக்கத்தின் பொருளைப் புரிந்து கொள்ள முடியும்.

3. உலாவி பொருந்தக்கூடிய தன்மை

CSS எண்ணி வடிவமைப்புகள் நவீன உலாவிகளால் பரவலாக ஆதரிக்கப்பட்டாலும், பழைய உலாவி பதிப்புகளை கருத்தில் கொள்வது அவசியம். முதன்மை வடிவமைப்பை உலாவி ஆதரிக்கவில்லை என்றால் பயன்படுத்தப்படும் ஒரு பதிலி எண்ணி வடிவமைப்பை குறிப்பிட fallback பண்பைப் பயன்படுத்தவும். உதாரணமாக:

@counter-style my-style {
  system: cyclic;
  symbols: '✓' '✗';
  fallback: disc;
}

இந்த எடுத்துக்காட்டில், உலாவி cyclic அமைப்பை அல்லது விருப்ப சின்னங்களை ஆதரிக்கவில்லை என்றால், அது disc பட்டியல் வடிவமைப்பிற்கு திரும்பும்.

4. கலாச்சார உணர்வு

வெவ்வேறு மொழிகள் மற்றும் கலாச்சாரங்களுக்கான எண்ணி வடிவமைப்புகளைச் செயல்படுத்தும்போது, கலாச்சார உணர்வுகளை கவனத்தில் கொள்ளுங்கள். ஒவ்வொரு பிராந்தியத்திலும் பயன்படுத்தப்படும் பொருத்தமான எண்ணும் மரபுகள் மற்றும் சின்னங்களை ஆராயுங்கள். புண்படுத்தக்கூடிய அல்லது பொருத்தமற்ற சின்னங்கள் அல்லது வடிவமைப்புகளைப் பயன்படுத்துவதைத் தவிர்க்கவும்.

உதாரணமாக, சில கலாச்சாரங்கள் அவற்றின் எண்ணும் முறைகளில் வெவ்வேறு நிறுத்தற்குறிகள் அல்லது பிரிப்பான்களைப் பயன்படுத்த விரும்பலாம். உங்கள் எண்ணி வடிவமைப்புகள் இந்த விருப்பங்களை மதிக்கின்றன என்பதை உறுதிப்படுத்தவும்.

நடைமுறை பயன்பாடுகள் மற்றும் பயன்பாட்டு நிகழ்வுகள்

CSS எண்ணி வடிவமைப்புகள் பல்வேறு வலை மேம்பாட்டு சூழ்நிலைகளில் பயன்படுத்தப்படலாம், இதில் அடங்கும்:

• உள்ளடக்க அட்டவணையை உருவாக்குதல்: உள்ளடக்க அட்டவணையில் தலைப்புகள் மற்றும் துணைத்தலைப்புகளை தானாக எண்ணுதல்.
• எண்ணிடப்பட்ட பட்டியல்களை உருவாக்குதல்: வெவ்வேறு மொழிகள் மற்றும் வடிவமைப்புகளில் எண்ணிடப்பட்ட பட்டியல்களை வடிவமைத்தல்.
• ஒரு பயிற்சியில் உள்ள படிகளை எண்ணுதல்: தெளிவான மற்றும் பார்வைக்கு ஈர்க்கும் எண்ணுடன் ஒரு தொடர்ச்சியான படிகள் மூலம் பயனர்களுக்கு வழிகாட்டுதல்.
• விருப்ப பக்க எண்களை செயல்படுத்தல்: தனித்துவமான எண்ணும் திட்டங்களுடன் விருப்ப பக்க எண்களை உருவாக்குதல்.
• தரவரிசைப்படுத்தப்பட்ட பட்டியல்களைக் காட்டுதல்: வெவ்வேறு எண்ணி வடிவமைப்புகளைப் பயன்படுத்தி பார்வைக்கு ஈர்க்கும் வகையில் தரவரிசைகளைக் காட்டுதல்.
• சட்ட ஆவணங்களை உருவாக்குதல்: குறிப்பிட்ட எண்ணும் தேவைகளுடன் சட்ட ஆவணங்களை வடிவமைத்தல்.
• அறிவியல் ஆவணங்களை வடிவமைத்தல்: சமன்பாடுகள், புள்ளிவிவரங்கள் மற்றும் அட்டவணைகளை பொருத்தமான எண்ணுடன் காட்டுதல்.

CSS எண்ணி வடிவமைப்புகளைப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

உங்கள் CSS எண்ணி வடிவமைப்புகள் பயனுள்ளதாகவும் பராமரிக்கக்கூடியதாகவும் இருப்பதை உறுதிப்படுத்த, இந்த சிறந்த நடைமுறைகளைப் பின்பற்றவும்:

• உங்கள் எண்ணி வடிவமைப்புகளுக்கு விளக்கமான பெயர்களைப் பயன்படுத்தவும்: வடிவமைப்பின் நோக்கம் மற்றும் வடிவமைப்பைக் குறிக்கும் பெயர்களைத் தேர்வு செய்யவும் (எ.கா., arabic-indic, upper-roman, georgian).
• உங்கள் எண்ணி வடிவமைப்புகளை தொகுதி வாரியாக வைத்திருங்கள்: வெவ்வேறு மொழிகள் மற்றும் எண்ணும் முறைகளுக்கு தனி எண்ணி வடிவமைப்புகளை வரையறுக்கவும்.
• எண்ணி வடிவமைப்புகளைப் பயன்படுத்த CSS வகுப்புகளைப் பயன்படுத்தவும்: உறுப்புகளுக்கு நேரடியாக எண்ணி வடிவமைப்புகளைப் பயன்படுத்துவதைத் தவிர்க்கவும்; அதற்கு பதிலாக, வடிவமைப்பைக் கட்டுப்படுத்த CSS வகுப்புகளைப் பயன்படுத்தவும்.
• உங்கள் எண்ணி வடிவமைப்புகளை முழுமையாக சோதிக்கவும்: அவை சரியாக வழங்கப்படுவதை உறுதிப்படுத்த வெவ்வேறு உலாவிகள் மற்றும் சாதனங்களில் உங்கள் எண்ணி வடிவமைப்புகளை சோதிக்கவும்.
• உங்கள் எண்ணி வடிவமைப்புகளை ஆவணப்படுத்தவும்: உங்கள் எண்ணி வடிவமைப்புகளுக்கான தெளிவான ஆவணங்களை வழங்கவும், அவற்றின் நோக்கம், வடிவமைத்தல் மற்றும் பயன்பாடு உட்பட.
• அணுகல்தன்மைக்கு முன்னுரிமை கொடுங்கள்: எண்ணி வடிவமைப்புகளை உருவாக்கும்போது எப்போதும் அணுகல்தன்மையைக் கருத்தில் கொள்ளுங்கள், மேலும் திரை வாசகர்களால் எண்ணி மதிப்புகள் சரியாக அறிவிக்கப்படுவதை உறுதிப்படுத்த speak-as பண்பைப் பயன்படுத்தவும்.

முடிவுரை

CSS எண்ணி வடிவமைப்புகள் வலையில் எண்ணிடப்பட்ட உள்ளடக்கத்தின் வடிவமைப்பை சர்வதேசமயமாக்குவதற்கான ஒரு சக்திவாய்ந்த மற்றும் நெகிழ்வான பொறிமுறையை வழங்குகின்றன. @counter-style விதியையும் அதன் பல்வேறு பண்புகளையும் பயன்படுத்துவதன் மூலம், வெவ்வேறு பிராந்தியங்களின் கலாச்சார மரபுகள் மற்றும் மொழியியல் நுணுக்கங்களை மதிக்கும் விருப்ப எண்ணும் முறைகளை நீங்கள் உருவாக்கலாம். இந்த வழிகாட்டியில் கோடிட்டுக் காட்டப்பட்டுள்ள சிறந்த நடைமுறைகளைப் பின்பற்றுவதன் மூலம், உங்கள் எண்ணி வடிவமைப்புகள் பயனுள்ளதாகவும், பராமரிக்கக்கூடியதாகவும், உலகளாவிய பார்வையாளர்களுக்கு அணுகக்கூடியதாகவும் இருப்பதை உறுதிப்படுத்தலாம். வலை மேம்பாடு தொடர்ந்து வளர்ச்சியடைந்து வருவதால், சர்வதேசமயமாக்கலுக்கான CSS எண்ணி வடிவமைப்புகளைப் புரிந்துகொள்வது மற்றும் பயன்படுத்துவது உண்மையிலேயே உள்ளடக்கிய மற்றும் பயனர் நட்பு வலை அனுபவங்களை உருவாக்குவதற்கு மிகவும் முக்கியத்துவம் வாய்ந்ததாக இருக்கும். CSS எண்ணி வடிவமைப்புகளின் சக்தியைத் தழுவுங்கள் மற்றும் உலகின் அனைத்து மூலைகளிலிருந்தும் பயனர்களுடன் எதிரொலிக்கும் வலைத்தளங்களை உருவாக்கவும்.

மேலும் வாசிக்க

• MDN Web Docs: @counter-style
• CSS Counter Styles Level 3
• CSS எண்ணி வடிவமைப்புகளுக்கான முழுமையான வழிகாட்டி